<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    {% block head %}
      <title>{% block title %}开发者头条{% endblock %}</title>
      <link rel="stylesheet" href="{{url_for('static', filename='css/bootstrap.min.css')}}">
      <script src="{{url_for('static', filename='js/jquery-3.3.1.min.js')}}"></script>
      <script src="{{url_for('static', filename='js/popper.min.js')}}"></script>
      <script src="{{url_for('static', filename='js/bootstrap.min.js')}}"></script>
      <script src="{{url_for('static', filename='dist/base.js')}}"></script>
    {% endblock %}
    </head>
    <body>
      <header class="navbar">
        <div class="container">
          <ul class="nav">
            <li class="nav-item">
              <a class="nav-link active" href="/explore">首页</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/tag/python">Python</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/search">搜索</a>
            </li>
          </ul>
        </div>
      </header>
      <div id="main">
        <div class="container">
          {% block content %}
          {% endblock %}
        </div>
      </div>
      <footer>
        {% block footer %}
          <p class="text-center">
            <a href="/about">关于我们</a>
            <a href="/tags">标签</a>
          </p>
          <p class="text-center">© 2018-2019 pycourses.com </p>
        {% endblock %}
      </footer>
    </body>
    {% block bottomscript %}
    {% endblock %}
</html>
